<template>
  <div class="edu-page-warp">
    <el-tabs v-model="activeName">
      <el-tab-pane :label="tab.label" :name="tab.name" v-for="tab in tabs" :key="tab.name">
      </el-tab-pane>
    </el-tabs>
    <div class="contain">
      <component :is="activeName"></component>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        activeName: 'set-professional-audit-standard',
        tabs: [{
            label: this.$t('auditStandard.settingCoursesForInterStudents'),
            name: 'set-professional-audit-standard',
          },
          {
            label: this.$t('auditStandard.settingGeneralCoursesForInterStudents'),
            name: 'set-general-courses-standards',
          }
        ],
        role: ''
      }
    },
    components: {
      'set-professional-audit-standard': resolve => require(['./setProfessionalAuditStandard.vue'], resolve),
      'set-general-courses-standards': resolve => require(['./setGeneralCoursesStandard.vue'], resolve)
    },
    methods: {}
  }

</script>
<style scoped>
  ::v-deep .el-tabs__header {
    margin-bottom: 0;
  }

  .contain ::v-deep .el-card {
    margin-top: -1px;
    border-top: none;
  }

  .contain ::v-deep .el-table__body tr.current-row>td {
    background-color: #fff;
  }

  ::v-deep .condition-title {
    color: #2b3b4e;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 16px;
  }
</style>
